<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="/libs/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="/css/shoppingcart.css">
</head>
<body>
     <!--头部-->
     <nav class="navbar navbar-default">
        <div class="contentone">
         <img class="" src="/images/baner.jpg" alt="" srcset="">
         <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="navone">
                <li class="shouye"><a href="/index.html" class="activ">首页</a></li>
                <li class="lasttwo"></li>
                <li class="lis"><a href="/html/shoppingcart.html">购物车(<span >0</span>)</a></li>
            </ul>
        </div><!-- /.navbar-collapse -->
        </div>
    </nav>

    <div class="content">
         <!--商品-->
        <div class="shoplist">

        </div>
           
       <script type="text/html" id="shops">
        {{each card item}}
            <ul class="body" idx= {{item.id}}>
                <li><input type="checkbox" name="" class="checks" {{item.check? 'checked' : ""}}></li>
                <li>
                    <a href="./buys.html?id={{item.id}}">
                         <img src="../images/good-1.jpg" alt="" srcset="">
                    </a>
                </li>
                <li>
                    <div class="top">
                        <div class="left">
                            <p class="head">{{item.title}}</p>
                            <p class="contents">介绍：{{item.content}}</p>
                            <p>规格:<span>2-4人食</span></p>
                        
                        </div>
                        <div class="right">
                            <p>小计:￥<span class="total">{{item.money*item.count}}</span></p>
                        </div>
                    </div>
                    <div class="buttom">
                        <div class="left">
                            ￥ <span class="price">{{item.money}}</span>
                        </div>
                        <div class="cont">
                            <span>祝福语：</span>
                            <textarea name="" id="" class="yu" cols="20" rows="1"></textarea>
                        </div>
                        <div class="right">
                            <input type="button" class="jian" value="-"> 
                            <input type="text" class="num" value="{{item.count}}">
                            <input type="button" class="add" value="+">
                        </div>
                    </div>
                </li>
            </ul>
        {{/each}}
       </script>

        <div class="dibu">
            <input type="checkbox" name="" class="quan">全选&nbsp;&nbsp;
            <div class="del">|&nbsp;&nbsp;删除</div>
            <p>应付(不含运费)：<span class="moneys">￥</span></p>
            <p class="jiesuan">结&nbsp;&nbsp;算</p>
        </div>
    </div>

    <div class="oncontent">
        <p>你的购物车什么也没有❥(^_^). . .</p>
        <img src="../images/no_content.png" alt="" srcset="">
        <p>快点去选购商品 , <a href="./cakes.html">点击查看商品详情 ❤</a></p>
    </div>

   
     <!--底部-->
     <footer></footer>
     
     <script src="../libs/require.min.js" data-main="../js/shoppingcart"></script>
</body>
</html>